body{padding: 0;margin: 0;background-image: url(../img/16.jpg); background-attachment: fixed; background-position: center; background-size: 100% 100%;}
*{transition: 0.7s;outline:none;}
table{position: fixed;left: calc(50% - 15rem);top: 15%; border-collapse: collapse;background-color: rgba(100,200,250,0.3);border: 3px solid rgba(50,100,150,0.4);}
table:hover{background-color: rgba(100,200,250,0.5);border: 3px solid rgba(100,200,250,0);box-shadow: 0 4rem 10rem rgba(100,200,250,0.5);}
tr{height: 3.5rem;}
td{width: 15rem;text-align: center;height: 3rem;line-height: 2.5rem;font-size: 1.8rem;}
td img{height: 100px;width: 200px;margin-top: 1rem;}
td>input,td>select{border: 0;width: 100%;height: 100%;border-bottom: 1px solid #777777;text-align: center;font-size: 1.3rem;background-color: rgba(100,250,250,0);}
#yzm{height: 30%;font-size: 2rem;width: 60%;}
#yzm:focus{height: 30%;font-size: 2rem;width: 60%;background-color: rgba(200,250,250,0.5);}
input[type=radio]{display: none;}
button{width: 70%;height: 70%;}
input:focus{background-color: rgba(100,250,250,0.3);border-radius: 20% 50%;}
#tellogin:checked~table>tbody>tr:nth-child(3){display: none;}
#uidlogin:checked~table>tbody>tr:nth-child(2){display: none;}
#tellogin:checked~table>tbody>tr:nth-child(1)>td:nth-child(1) label{border: 8px solid rgba(250,100,100,1)}
#uidlogin:checked~table>tbody>tr:nth-child(1)>td:nth-child(2) label{border: 8px solid rgba(250,100,100,1)}
label{border: 1px solid rgba(100,250,250,0);border-radius: 50%;}